<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/payment.css"/>
	</head>
	<body>
		<div class="payment">
			<div class="payment-c">
				<!-- 付款页面标题部分 -->
				<div class="payment-c-title clear-fix">
					<a href="" target="_blank" class="payment-logo">
						<img src="img/payment_img/Vmall_red.png" >
					</a>
					<span>收银台</span>
				</div>
				<!-- 订单信息部分 -->
				<div class="payment-c-c clear-fix">
					<div class="payment-c-c-info clear-fix">
						<div class="payment-c-c-info-img fl">
							<img src="img/payment_img/success_icon.png" >
						</div>
						<div class="payment-c-c-info-word fl">
							<div class="payment-c-c-info-word-t clear-fix">
							<div class="payment-c-c-info-word-t-t clear-fix">
								<h4 class="fl">订单提交成功，只差付款了~</h4>
							<div class="fr clear-fix">
							<span class="fr payment-c-c-info-word-num">¥1999.00</span>	
							<span class="fr payment-c-c-info-word-title ">订单金额：</span>
							</div>
							</div>
								<h5 class="clear-fix">
								<span>请您在</span>	
								<em class="datediff"></em>
								<span>内完成支付，否则订单将自动取消。</span>
								<div class="payment-c-c-info-word-t-detail fr">
									<span class="fr">订单详情</span>
									<img src="img/payment_img/arrow_icon.png">
								</div>
								</h5>
							</div>
							<div class="payment-c-c-info-word-detail clear-fix">
								<div class="payment-c-c-info-word-detail-word sd">
									<ul>
										<li>
											<span>订单号:</span>
											<span style="color: #da3232;">2131231231</span>
										</li>
										<li>
											<span>收货信息：</span>
											<span>黄**</span>
										<span>182****8068</span>
										</li>
										<li>
											<span>商品名称：</span>
											<span>HUAWEI FreeBuds Studio 无线头戴耳机  曜石黑 智慧动态降噪 宽频高解析音质 ...</span>
										</li>
										<li>
											<span>购买时间：</span>
											<span>2021-06-08 19:41</span>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<ul class="payment-c-c-method clear-fix">
						<li class="method-common active fl">
							<a href="javascript:;">常用</a>
							<div class="payment-c-c-method-content disblock">
								<ul class="payment-c-c-method-content-pane clear-fix">
									<li class="fl select">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/ALIPAY.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/WXPAY.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/HUABEI.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/HUAWEIPAY.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/CMBLIFE.png" alt="">
											<i></i>
										</div>
									</li>
								</ul>
							</div>
						</li>
						<li class="method-thip fl">
							<a href="javascript:;">平台支付</a>
							<div class="payment-c-c-method-content disnone" style="left:-170px;">
								<ul class="payment-c-c-method-content-pane clear-fix">
									<li class="fl select">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/ALIPAY.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/WXPAY.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/HUABEI.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/UNIONPAY.png" alt="">
											<i></i>
										</div>
									</li>
									
								</ul>
							</div>
						</li>
						<li class="method-inst fl">
							<a href="javascript:;">分期支付</a>
							<div class="payment-c-c-method-content disnone" style="left:-340px;">
								<ul class="payment-c-c-method-content-pane clear-fix">
									<li class="fl select">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/CMBLIFE.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/HUABEI.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/ICBC.png" alt="">
											<i></i>
										</div>
									</li>
									
									
								</ul>
							</div>
							
						</li>
						<li class="method-netb fl">
							<a href="javascript:;">网银支付</a>
							<div class="payment-c-c-method-content disnone" style="left:-510px;">
								<ul class="payment-c-c-method-content-pane clear-fix">
									<li class="fl select">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/CMB.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/ICBC.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/CCB.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/BCM.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/ABC.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="./img/payment_img/BOC.png" alt="">
											<i></i>
										</div>
									</li>
									<li class="fl">
										<div class="payment-c-c-method-content-pane-icon">
											<img src="img/payment_img/CIB.png" alt="">
											<i></i>
										</div>
									</li>
									
								</ul>
							</div>
						</li>
					</ul>
					
					
					
				</div>
			<div class="paybtn clear-fix">
				<a href="index.html">
				<button type="button" >确认支付</button>
				</a>
			</div>	
	
			</div>
		</div>
		<div class="payment-bottom">
			<div class="payment-bottom-c clear-fix">
				<div class="vmall-logo fl">
					<img src="./img/payment_img/Vmall.png" >
				</div>
				<div class="vmall-certify fl">
					<p>
						<a href="" target="_blank">隐私声明</a>
						<a href="" target="_blank">服务协议</a>
						<span>Copyright © 2012-2021 华为终端有限公司 粤ICP备19015064号-4 版权所有 保留一切权利</span>
					</p>
				</div>
			</div>
			<span class="time" style="color:brown;font-size:45px;"></span>
			
		</div>	
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="js/payment.js"></script>
	</body>
</html>
